<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>发送验证码</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link rel="stylesheet" href="../css/app.css?rev=@@hash"/>
    <!--<script src="../js/miju.flexible.js"></script>-->
</head>

<body>

    <div>
        <input type="number" pattern="[0-9]*" class="cell-input" placeholder="请输入手机号码" autocomplete="off" />
        <a href="javascript:;" class="btn btn-warning" id="J_GetCode">获取短信验证码</a>
    </div>

    <script src="../js/miju.flexible.js"></script>
    <script src="../vendor/zepto.min.js"></script>
    <!--<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>-->
    <script src="../js/miju.js"></script>

    <script>

        !function (win, $, miju) {

            var dialog = win.miju.dialog;

            var $getCode = $('#J_GetCode');

            var sendCode = new miju.SendCode($getCode, {
                disClass: 'btn-disabled', // 禁用按钮样式【必填】
                secs: 3, // 倒计时时长 [可选，默认：60秒]
                run: false,// 是否初始化自动运行 [可选，默认：false]
                runStr: '{%s}秒后重新获取',// 倒计时显示文本 [可选，默认：58秒后重新获取]
                resetStr: '重新获取验证码'// 倒计时结束后按钮显示文本 [可选，默认：重新获取验证码]
            });

//            // 定义参数
//            $getCode.sendCode({
//                disClass: 'btn-disabled', // 禁用按钮样式【必填】
//                secs: 15, // 倒计时时长 [可选，默认：60秒]
//                run: false,// 是否初始化自动运行 [可选，默认：false]
//                runStr: '{%s}秒后重新获取',// 倒计时显示文本 [可选，默认：58秒后重新获取]
//                resetStr: '重新获取验证码'// 倒计时结束后按钮显示文本 [可选，默认：重新获取验证码]
//            });

            $getCode.on('click', function () {
                var $this = $(this);
                dialog.loading.open('发送中...');
                // ajax 成功发送验证码后调用【start】
                setTimeout(function () { //模拟ajax发送
                    dialog.loading.close();
                    sendCode.start();
                    dialog.toast('已发送', 'success', 1500);
                }, 800);
            });

        }(window, Zepto, miju);

    </script>

</body>
</html>